<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="cache-control" content="max-age=0"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="expires" content="0"/>
    <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/common/admin_templ_style.css"/>
    <link rel="stylesheet" type="text/css" href="../../api/css/cupertino/jquery-ui-1.10.1.custom.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../api/css/jquery.colorpicker.css"/>
    <link rel="stylesheet" type="text/css" href="../../theme_engine/lib/bootstrap/dist/css/bootstrap.min.css"/>

    <script src="../../api/js/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="../../api/js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>

    <script type="text/javascript" src="../../api/js/jquery.colorpicker.js"></script>
    <script type='text/JavaScript' src='../../zbw_reporting/scripts/framework_include.js'></script>

    <!-- Bootstrap -->

    <script src="../../theme_engine/lib/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
    <!-- AngularJs-->
    <script src="../../theme_engine/lib/angular/angular.min.js" type="text/javascript"></script>
    <script src="../../theme_engine/lib/angular-resource/angular-resource.min.js" type="text/javascript"></script>
    <script src="../../theme_engine/lib/angular-route/angular-route.min.js" type="text/javascript"></script>
    <script src="../../theme_engine/lib/angular-bootstrap/ui-bootstrap-tpls.min.js" type="text/javascript"></script>


    <script src="../../admin/ThemeEngine/app.js" type="text/javascript"></script>



    <style type="text/css">
        body {
            background:none;
            height: 100%;
        }
        #theme-edit-form {
            /*height: calc(100% - 42px);*/
            width: 100%;
        }
        #theme-edit-form h2 {
            margin-bottom:20px;
        }
        #theme-edit-form h3.ui-accordion-header-active {
            color:#fff;
        }
        #theme-edit-form select {
            padding-left:0;
            white-space:nowrap;
        }
        #theme-edit-form input[type="file"]{
            width: 132px;
        }
        .theme-edit-block {
            width: 100%;
        }
        .ui-accordion .theme-edit-content {
            padding:0;
        }
        .theme-edit-content ul {
            padding: 20px 5px;
        }
        .theme-edit-content li label {
            font-size:11px;
            padding-right:10px;
            width:35%;
        }
        .theme-edit-content button.ui-state-default {
            background:none;
            border: none;
        }
        .theme-edit-content span.ui-button-text {
            padding: 0;
            font-style: inherit;
        }
        .hidden-field {
            margin: 5px 0;
        }
        .hidden-field input {
            width:60px;
        }
        .hidden-field select {
            width: 77px;
        }
        .hidden-field span.close {
            padding: 1px 5px;
            display:inline-block;
            background:#aed0ea;
            color: #fff;
            border-radius:3px;
            margin-left:5px;
        }
        .hidden-field span.close:hover {
            cursor:pointer;
            background: #4F7891;
        }

        form, .kpi-preview, .kpi-drill {
            border: 1px solid #9CD6E7;
            border-radius: 5px;
            box-shadow: 0 0 100px #AADCEA;
            margin: 0 auto;
            padding-bottom: 50px;
            width: 98%;
        }

            /* new*/
        .wrapper {
            padding-right: 15px;
            padding-left: 15px;
            padding-top: 5px;
            padding-bottom: 5px;
        }
    </style>


</head>
<body  ng-app="App">
<theme-engineTextbox
        label="Background Alpha" css="background-color" value="#AADCEA" selectors="body, #main"
        component = "colorpicker">
</hello-all>



<div  ng-controller="WizardCtrl">






    <div class="wrapper">
        <div class="col-lg-3">
           <!-- <button class="btn btn-primary" ng-click="loadData()">Load Data</button>
            <button class="btn btn-primary" ng-click="loadData2()">Load Data2</button>
            <button class="btn btn-primary" ng-click="loadData3()">Load Data3</button>
            <div class="tab-frame bi_admin_report_edit">
                <form method="post" METH_NAME="UPDATE" id="theme-edit-form">
                    <div class="theme-edit-block" id="accordion">
                    </div>
                </form>
            </div>-->

            <accordion>
                <!--<accordion-group heading="Static Header, initially expanded"
               is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled">-->
                <accordion-group ng-repeat="node in engineTree"
                                 heading="    {{ node.name}}"
                        >
                    <ul>
                        <li ng-repeat="prop in node.properties">
                            <label>{{ prop.label }}</label>
                            <input type="text" value="{{ prop.value }} " />

                        </li>
                    </ul>
                </accordion-group>
            </accordion>

        </div>

        <div class="col-lg-9">
            <div id="mainArea">

            </div>
        </div>
    </div>
</div>




</body>
</html>
